*{
    margin:0;
    padding: 0;
}
#header{
    width:1180px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    /* left: 400px; */
}
.logo{
    position: absolute;
    width:194px;
    height:32px;
    top:50%;
    margin-top:-16px;
}
.search{
    position: absolute;
    left:224px;
    width: 400px;
    height:32px;
    top:50%;
    margin-top:-17px;
}
.search1{
    width: 263px;
    height: 32px;
    border: 1px solid #9acefb;
    float: left;
    border-right: 0;
}
.search1:focus{
    outline: 0;
}
.search2{
    float: left;
    border: 0;
}
.nav{
    position:absolute;
    right: 0;
    width: 457px;
    height: 32px;
    top:50%;
    margin-top:-16px;
}
.nav1{
    position: absolute;
    list-style-type: none;
    width: 457px;
    height: 32px;
}
.nav1>:nth-child(1){
    width: 85px;
    height: 32px;
    background-color: #f2f8fe;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    float: left;
}
.nav1>:nth-child(1)>a{
    font-size: 9px;
    font-family: 微软雅黑;
    color: #000;
    text-decoration: none;
}
.nav1>:nth-child(2){
    float: left;
    width: 69px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav1>:nth-child(2)>a{
    font-size: 9px;
    font-family: 微软雅黑;
    color: #000;
    text-decoration: none;
}
.nav1>:nth-child(3){
    float: left;
    width: 91px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav1>:nth-child(3)>a{
    font-size: 9px;
    font-family: 微软雅黑;
    color: #000;
    text-decoration: none;
}
.nav1>:nth-child(3)>a::after{
    content:" ";
    width:0px;
    height:0px;
    display:inline-block;
    border:3px solid transparent;
    border-top-color:#000;
}
.nav1>:nth-child(4){
    float: left;
    width: 212px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav1>:nth-child(4)>a{
    font-size: 9px;
    font-family: 微软雅黑;
    color: #000;
    text-decoration: none;
}

#banner{
    position: absolute;
    top: 72px;
    left: -323px;
    width: 1824px;
    height: 446px;
}
.banner1{
    position: absolute;
    width:1824px;
    height: 230px;
    border-radius: 1px 1px 100% 100%;
}
.top1{
    width: 1180px;
    height: 200px;
    background-color: #fff;
    position: absolute;
    top: 98px;
    left: 323px;
    box-shadow: 2px 2px 4px #edeff1;
    border-radius: 10px;
    border-left: 1px #edeff1 solid;
}
.top1>:nth-child(1){
    position: absolute;
    left: 22px;
    width: 1134px;
    height: 63px;
}
.top1>:nth-child(1)>*{
    float: left;
    width: 74px;
    margin-top: 28px;
    font-size: 9px;
}
.rad{
    color: #0086f6;
}
.rad1{
    color: #666666;
}
#rad2{
    margin-left: 814px;
    width: 20px;
}

.top1>:nth-child(2){
    position: absolute;
    left: 22px;
    width: 442px;
    height: 76px;
    background-color: #f8f8f8;
    top: 63px;
    border-radius: 10px;
}
.city>:nth-child(1){
    position: absolute;
    top: 16px;
    left: 24px;
    width: 58px;
    height: 16px;
    font-size: 9px;
    color: #666666;
}
.city>:nth-child(2){
    position: absolute;
    top: 39px;
    left: 24px;
    width: 58px;
    height: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.city>:nth-child(3){
    position: absolute;
    top: 16px;
    left: 252px;
    width: 58px;
    height: 16px;
    font-size: 9px;
    color: #666666;
}
.city>:nth-child(4){
    position: absolute;
    top: 39px;
    left: 252px;
    width: 58px;
    height: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.city>:nth-child(5){
    position: absolute;
    left: 209px;
}

.top1>:nth-child(3){
    position: absolute;
    left: 476px;
    width: 550px;
    height: 76px;
    background-color: #f8f8f8;
    top: 63px;
    border-radius: 10px;
}
.city1>:nth-child(1){
    position: absolute;
    width: 55px;
    height: 16px;
    top: 19px;
    left: 24px;
    font-size: 9px;
    color: #666666;
}
.city1>:nth-child(2){
    position: absolute;
    width: 108px;
    height: 15px;
    top: 46px;
    left: 24px;
    font-size: 9px;
    color: #000;
    font-weight: 600;
}
.city1>:nth-child(3){
    position: absolute;
    width: 71px;
    height: 19px;
    top: 42px;
    left: 151px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.city1>:nth-child(4){
    position: absolute;
    width: 16px;
    height: 17px;
    top: 46px;
    left: 222px;
}
.city1>:nth-child(5){
    position: absolute;
    width: 18px;
    height: 18px;
    top: 47px;
    left: 445px;
}
.city1>:nth-child(6){
    position: absolute;
    width: 63px;
    height: 18px;
    top: 47px;
    left: 463px;
    font-size: 9px;
    color: #000;
}
.top1>:nth-child(4){
    position: absolute;
    left: 1038px;
    width: 118px;
    height: 76px;
    top: 63px;
    border-radius: 10px;
}
.top1>:nth-child(5){
    position: absolute;
    left: 22px;
    width: 1134px;
    height: 61px;
    top: 139px;
    display: flex;
    align-items: center;
    font-size: 9px;
} 

.top2{
    width: 1180px;
    height: 132px;
    background-color: #ffffff;
    position: absolute;
    top: 314px;
    left: 323px;
    box-shadow: 2px 2px 5px #edeff1;
    border-radius: 10px;
    border: 1px #edeff1 solid;
}
.top2>*{
    position: absolute;
}
.top2>:nth-child(1){
    width: 40px;
    height: 43px;
    top: 19px;
    left: 83px;
}
.top2>:nth-child(2){
    width: 40px;
    height: 43px;
    top: 19px;
    left: 310px;
}
.top2>:nth-child(3){
    width: 40px;
    height: 43px;
    top: 19px;
    left: 537px;
}
.top2>:nth-child(4){
    width: 77px;
    height: 16px;
    top: 76px;
    left: 75px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #000;
}
.top2>:nth-child(5){
    width: 92px;
    height: 16px;
    top: 76px;
    left: 294px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #000;
}
.top2>:nth-child(6){
    width: 61px;
    height: 16px;
    top: 76px;
    left: 536px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #000;
}
.top2>:nth-child(7){
    width: 295px;
    height: 28px;
    top: 34px;
    left: 728px;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 3px;
}
.top2>:nth-child(7)>a{
    color: #ff7e0d;
}
.top2>:nth-child(8){
    width: 83px;
    height: 16px;
    top: 76px;
    left: 728px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #000;
}
.top2>:nth-child(9){
    width: 132px;
    height: 27px;
    top: 71px;
    left: 818px;
}
.top2>:nth-child(10){
    width: 94px;
    height: 93px;
    top: 19px;
    left: 1060px;
}
.top2>:nth-child(11){
    width: 87px;
    height: 14px;
    top: 98px;
    left: 70px;
    font-size: 11px;
    color: #9f9f9f;
}
.top2>:nth-child(12){
    width: 111px;
    height: 14px;
    top: 98px;
    left:285px;
    font-size: 11px;
    color: #9f9f9f;
}
.top2>:nth-child(13){
    width: 111px;
    height: 14px;
    top: 98px;
    left: 512px;
    font-size: 11px;
    color: #9f9f9f;
}

/*优惠酒店*/

#content{
    width: 1180px;
    height: 1278px;
    position: absolute;
    top: 518px;
    left: 50%;
    margin-left: -590px;
    /* left: 400px; */
}
.content1{
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 68px;
    width: 100%;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.content2{
    position: absolute;
    top: 112px;
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: center;
    list-style-type: none;
}
.content2>*{
    width: 64px;
    border: #dddddd 1px solid;
    margin-right: 16px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    border-radius: 5px;
}
.content2>:nth-child(1){
    background-color: #e1f1fe;
    color: #48b4fa;
}
.content3{
    position: absolute;
    top: 170px;
    width: 100%;
    height: 164px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}
.content4{
    position: absolute;
    top: 334px;
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    flex: 1;   
}
.content4>*{
    width: 283px;
    height: 32px;
    align-items: center;
    display: flex;
    align-items: flex-end;
    color: #000;
    font-size: 14px;
    font-weight: 900;
}
.content5{
    position: absolute;
    top: 374px;
    width: 100%;
    height: 22px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    flex: 1;   
}
.content5>*{
    width: 45px;
    height: 22px;
    background-color: #4978ce;
    margin-right: 254px;
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content5>:nth-child(4){
    margin-right: 238px;
}
.a{
    font-size: 10px;
    color: #a4bbe6;
    transform: scale(0.9);
    padding-top: 6px;
}
.content6{
    position: absolute;
    top: 396px;
    width: 100%;
    height: 28px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    flex: 1;   
}
.content6>*{
    width: 283px;
    height: 28px;
    align-items: center;
    display: flex;
    align-items: flex-end;
    color: #0086f6;
    font-size: 14px;
    font-weight: 900;
}
.b{
    font-size: 12px;
    text-decoration: line-through;
}
.content7{
    position: absolute;
    top: 502px;
    width: 100%;
    height: 46px;
}
.content7>*{
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.content7>:nth-child(1){
    font-size: 18px;
    font-weight: 900;
    color: #000;
}
.content7>:nth-child(2){
    font-size: 12px;
    color: #999999;
}
.content8{
    position: absolute;
    top: 576px;
    width: 100%;
    height: 164px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}
.content9{
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 810px;
    width: 100%;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.content10{
    position: absolute;
    top: 852px;
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: center;
    list-style-type: none;
}
.content10>*{
    width: 64px;
    border: #dddddd 1px solid;
    margin-right: 16px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    border-radius: 5px;
}
.content10>:nth-child(1){
    background-color: #e1f1fe;
    color: #48b4fa;
}
.content11{
    height: 128px;
    width: 1178px;
    position: absolute;
    top:910px;
    list-style-type: none;
    border: 1px solid #f0f2f5;
    border-radius: 10px;
}
.c{
    position: absolute;
    width: 129px;
    height: 18px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}
.content11>:nth-child(1){
    top: 26px;
    left: 26px;

}
.content11>:nth-child(2){
    top: 58px;
    left: 26px;
}
.content11>:nth-child(3){
    top: 90px;
    left: 26px;
}
.content11>:nth-child(4){
    top: 26px;
    left: 447px;
}
.content11>:nth-child(5){
    top: 58px;
    left: 447px;
}
.content11>:nth-child(6){
    top: 90px;
    left: 447px;
}
.content11>:nth-child(7){
    top: 26px;
    left: 868px;
}
.content11>:nth-child(8){
    top: 58px;
    left: 868px;
}
.content11>:nth-child(9){
    top: 90px;
    left: 868px;
}
.d{
    position: absolute;
    width: 78px;
    height: 15px;
    font-size: 14px;
    font-weight: 900;
    color: #ff7700;
    /* letter-spacing: 1px; */
}
.f{
    font-size: 12px;
    font-weight: 700;
}
.e{
    color: #000;
    font-size: 12px;
}
.content11>:nth-child(10){
    top: 26px;
    left: 234px;
}
.content11>:nth-child(11){
    top: 58px;
    left: 234px;
}
.content11>:nth-child(12){
    top: 90px;
    left: 234px;
}
.content11>:nth-child(13){
    top: 26px;
    left: 655px;
}
.content11>:nth-child(14){
    top: 58px;
    left: 655px;
}
.content11>:nth-child(15){
    top: 90px;
    left: 655px;
}
.content11>:nth-child(16){
    top: 26px;
    left: 1076px;
}
.content11>:nth-child(17){
    top: 58px;
    left: 1076px;
}
.content11>:nth-child(18){
    top: 90px;
    left: 1076px;
}
.content11>:nth-child(19){
    position: absolute;
    top: 24px;
    left: 376px;
    width: 1px;
    height: 80px;
    background-color: #f0f2f5;
}
.content11>:nth-child(20){
    position: absolute;
    top: 24px;
    left: 800px;
    width: 1px;
    height: 80px;
    background-color: #f0f2f5;
}
.content12{
    height: 44px;
    width: 100%;
    position: absolute;
    top: 1104px;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.content12>:nth-child(1){
    width:34px;
    height: 44px;
    margin-left: 203px;
}
.content12>:nth-child(2){
    width:38px;
    height: 33px;;
    margin-left: 333px;
}
.content12>:nth-child(3){
    width:37px;
    height: 44px;
    margin-left: 334px;
}
.content13{
    height: 19px;
    width: 100%;
    position: absolute;
    top: 1162px;
    list-style-type: none;
}
.content13>:nth-child(1){
    position: absolute;
    width: 72px;
    height: 19px;
    left: 184px;
}
.content13>:nth-child(2){
    position: absolute;
    width: 72px;
    height: 19px;
    left: 553px;
}
.content13>:nth-child(3){
    position: absolute;
    width: 72px;
    height: 19px;
    left: 923px;
}
.content13>*{
    font-size: 15px;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
}
.content14{
    height: 14px;
    width: 100%;
    position: absolute;
    top: 1197px;
    list-style-type: none;
}
.content14>:nth-child(1){
    position: absolute;
    width: 101px;
    height: 14px;
    left: 170px;
}
.content14>:nth-child(2){
    position: absolute;
    width: 155px;
    height: 14px;
    left: 512px;
}
.content14>:nth-child(3){
    position: absolute;
    width: 232px;
    height: 14px;
    left: 843px;
}
.content14>*{
    font-size: 12px;
    color: #999999;
    letter-spacing: 1px;
    text-align: center;

}
/* footer */
#footer{
    width: 100%;
    height: 452px;
    background-color: #f8fafd;
    position: absolute;
    top: 1796px;
}
.footer{
    width: 1180px;
    height: 452px;
    position: absolute;
    left:50%;
    margin-left:-590px ;
    /* left: 400px; */
}
.footer1{
    position: absolute;
    top:42px;
    height: 19px;
    width: 1180px;
    list-style-type: none;
}
.footer1>*{
    width: 81px;
    height: 19px;
    position: absolute;
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
    font-weight: 400;
}
.footer1>:nth-child(1){
    left:11px;
}
.footer1>:nth-child(2){
    left:283px;
}
.footer1>:nth-child(3){
    left:554px;
}
.footer2{
    position: absolute;
    top:83px;
    left: 11px;
    height: 124px;
    width: 177px;
    list-style-type: none;
}
.footer2>*{
    font-size: 12px;
    color: #666666;
    margin-bottom: 13.5px;
}
.footer3{
    position: absolute;
    top:83px;
    left: 283px;
    height: 124px;
    width: 177px;
    list-style-type: none;
}
.footer3>*{
    font-size: 12px;
    color: #666666;
    margin-bottom: 13.5px;
}
.footer4{
    position: absolute;
    top:83px;
    left: 554px;
    height: 152px;
    width: 188px;
    list-style-type: none;
}
.footer4>*{
    font-size: 12px;
    color: #666666;
    margin-bottom: 13.5px;
}
.footer5{
    position: absolute;
    top:83px;
    left: 825px;
    height: 140px;
    width: 195px;
    list-style-type: none;
}
.footer5>*{
    font-size: 12px;
    color: #666666;
    margin-bottom: 11px;
    letter-spacing: -0.5px;
}
.footer6{
    position: absolute;
    top:82px;
    left: 1050px;
    height: 120px;
    width: 120px;
    list-style-type: none;
}
.footer7{
    position: absolute;
    top:202px;
    left: 1050px;
    height: 23px;
    width: 120px;
    list-style-type: none;
    font-size: 12px;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.footer8{
    position: absolute;
    top:279px;
    height: 14px;
    width: 100%;
    list-style-type: none;
    font-size: 12px;
    color: #999999;
    display: flex;
    justify-content: center;
    letter-spacing: 1px;
}
label{
    transform: scale(0.8);
}
.footer9{
    position: absolute;
    top:305px;
    height: 14px;
    width: 100%;
    list-style-type: none;
    font-size: 12px;
    color: #999999;
    display: flex;
    justify-content: center;
    letter-spacing: 1px;
}
.im{ 
    width:18px ; 
    height: 20px;
    position: absolute;
    left: 315px;
}
.footer10{
    position: absolute;
    top:334px;
    height: 14px;
    width: 100%;
    list-style-type: none;
    font-size: 12px;
    color: #999999;
    display: flex;
    justify-content: center;
    letter-spacing: 1px;
}
.footer11{
    position: absolute;
    top: 362px;
    height: 34px;
    width: 100%;
    text-align: center;
}
#cenav{
    position: fixed;
    width: 77px;
    height:1080px;
}

